<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- Bootstrap 的 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  <link rel="stylesheet/less" href="/css/reset.less">
  <link rel="stylesheet/less" href="/css/common.less">

  <link rel="stylesheet/less" href="./css/about.less">
  <link rel="canonical" href="https://getbootstrap.com/docs/4.6/examples/carousel/">


</head>

<body>
  <div class="wrap">
    <header>
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-white shadow-sm">
        <a class="navbar-brand" href="#">
          <img src="./images/LOGO_03.png">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
          aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="./index.html">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./about.html">About Us</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Property</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./blog.html">Our Blog</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./object.html">Contacts</a>
            </li>

          </ul>

        </div>
        <div class="navbar-small-logo">
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
          <div class="small-logo">
            <img src="./images/logo1_03.png">
          </div>
        </div>
      </nav>
    </header>
    <div id="title">
      <div class="titlex">
        <p>Home <span>→ About us</span></p>
      </div>
    </div>
    <div id="table">
      <div class="tablex">
        <p>About <span>Our Company</span></p>
      </div>
    </div>
    <div id="company">
      <div class="wenben-center">
        <div class="wenben-left">
          <img src="./images/about-back_03.png" width="100%" height="100%">
        </div>
        <div class="wenben-right">
          <p>Quisque diam lorem interdum vitaapibus ac scelerisque vitae pede. Doneceget tellus non erat lacinia
            fertum,Donec in velit vel ipsum auctovinar, Proinumcorper urna et felisstibulum iaculis lacinia est, Proin
            dictumelem entumvelit fusce euismod, Aenean commodo ligula eget dolor, Aenean massa. Loremipsum dolor sit
            amet,consec tetuer adipis elit, aliquam eget nibh etlibura.Lorem ipsum dolor sitamet, consetetur
            sadipscingelitr.</p>
          <p>Agent info ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod
            tinciduntutlaoreet dolore magna aliquam eratvolutpat, Ut wisi enim ad minim veniam, quis nostrud
            tationullamcorpersuscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim adminim veniam,
            quisnostrud exerci tation ullamcorper suscipit lobortis nislut aliquip ex ea commodo consequat,
            Consectetueradipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
            eratvolutpat nostrudtation ullamcorper nonummy nibh.</p>
        </div>
      </div>
    </div>
    <div id="zhong">  
      <div class="zhongboxx">
        <div class="zhongbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <h2>Proin umcorper urna et felisstibulumiaculis lacinia est.Proin dictum elementum velit fusce euismod.Aeneancommodo ligula eget dolor.</h2>
        </div>
        <div class="zhongbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <h2>Proin umcorper urna et felisstibulumiaculis lacinia est.Proin dictum elementum velit fusce euismod.Aeneancommodo ligula eget dolor.</h2>
        </div>
        <div class="zhongbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <h2>Proin umcorper urna et felisstibulumiaculis lacinia est.Proin dictum elementum velit fusce euismod.Aeneancommodo ligula eget dolor.</h2>
        </div>
        <div class="zhongbox">
          <img src="./images/centerbox-logo_03.jpg">
          <h1>Whole World</h1>
          <h2>Proin umcorper urna et felisstibulumiaculis lacinia est.Proin dictum elementum velit fusce euismod.Aeneancommodo ligula eget dolor.</h2>
        </div>
      </div>



    </div>
    <div id="team">
      <div class="text-center">
        <div class="text-left">
          <p>Our <span>team</span>
          </p>
        </div>
        <div class="text-right">
          <p>Want to be a part of this team?
          </p>
        </div>
      </div>
      <div class="team-photo">
        <div class="team">
          <img src="./images/team-picture_03.png" width="100%" height="100%">
          <h1>Maria Spilberg</h1>
          <h2>Manager</h2>
        </div>
        <div class="team">
          <img src="./images/team-picture_03.png" width="100%" height="100%">
          <h1>Maria Spilberg</h1>
          <h2>Manager</h2>
        </div>
        <div class="team">
          <img src="./images/team-picture_03.png" width="100%" height="100%">
          <h1>Maria Spilberg</h1>
          <h2>Manager</h2>
        </div>
        <div class="team">
          <img src="./images/team-picture_03.png" width="100%" height="100%">
          <h1>Maria Spilberg</h1>
          <h2>Manager</h2>
        </div>
      </div>
    </div>
    <div id="Newsletter">
      <div class="Newsletter-box">
        <p>Subscribe To <sapn>Our Newsletter</sapn>
        </p>
        <div class="input-box">
          <input class="Your Eamil..." type="text" placeholder="Your Eamil..."  border: 1px solid #e6e6e6; />
          <button class="SUBSCRIBE" style="background-color: #e2574c; color: white;  border: 1px solid #e2574c; border-radius: 5px;">SUBSCRIBE</button>
        </div>
      </div>
    </div>
    <div id="bottom">
      <div class="center">
        <div class="topa">
          <div class="topaa">
            <img src="./images/bottomlogo_03.png">
          </div>
          <div class="topab">
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
            <div class="topac">
              <img src="./images/logo1_03.png">
            </div>
          </div>
        </div>
        <div class="topb">
          <div class="topba">
            <p>Navigation</p>
          </div>
          <div class="topbb">
            <p>Home</p>
            <p>About Us</p>
            <p>Property</p>
            <p>Gallery</p>
            <p>Our Blog</p>
            <p>Contacts</p>
          </div>
        </div>
        <div class="topb">
          <div class="topba">
            <p>For clients</p>
          </div>
          <div class="topbb">
            <p>Sign in</p>
            <p>Forum</p>
            <p>Promotions</p>
            <p>News</p>
          </div>
        </div>
        <div class="topc">
          <div class="topca">
            <p>Contact us</p>
          </div>
          <div class="topcb">
            <p>GuangZhou,GuangDong</p>
          </div>
          <div class="topcc">
            <p>Freephone:19129250353</p>
            <p>Telephone:19129250353</p>
            <p>Wechat:Rryary</p>
          </div>
          <div class="topcd">
            <p>Eamil:2796661501@qq.com</p>
          </div>
        </div>
      </div>
    </div>
  </div>






</body>

</html>
<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
  crossorigin="anonymous"></script>
<script src="/js/swiper-bundle.min.js"></script>
<script src="/js/less.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
  integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>